<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5仿Apple Watch时钟动画DEMO演示</title>
<link rel="stylesheet" href="style.css" media="screen" type="text/css" />
</head>
<body>
	<!--
Recreating Apple Watch's Utility face <http://www.apple.com/watch/design/> in HTML+CSS+JS
-->
	<div class="fill">
		<div class="reference"></div>
		<div class="clock" id="utility-clock">
			<div class="centre">
				<div class="dynamic"></div>
				<div class="expand round circle-1"></div>
				<div class="anchor hour">
					<div class="element thin-hand"></div>
					<div class="element fat-hand"></div>
				</div>
				<div class="anchor minute">
					<div class="element thin-hand"></div>
					<div class="element fat-hand minute-hand"></div>
				</div>
				<div class="anchor second">
					<div class="element second-hand"></div>
				</div>
				<div class="expand round circle-2"></div>
				<div class="expand round circle-3"></div>
			</div>
		</div>
	</div>

	<script src="index.js"></script>
</body>
</html>
